Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <script src= "../../ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> </head> <body> <div ng-app="" ng-controller="personController"> First Name: <input type="text" ng-model="person.firstName"><br> Last Name: <input type="text" ng-model="person.lastName"><br> <br> Full Name: {{fullName()}} </div> <script> function personController($scope) { $scope.person = { firstName: "John", lastName: "Doe", }; $scope.fullName = function() { var x = $scope.person; return x.firstName + " " + x.lastName; } } </script> </body> <!-- Mirrored from www.w3schools.com/angular/tryit.asp?filename=try_ng_controller_function by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:30:41 GMT --> </html>
Result:
Try it Yourself - © w3schools.com